<div class="gdlr-core-pbf-sidebar-content  gdlr-core-column-40 gdlr-core-pbf-sidebar-padding gdlr-core-line-height gdlr-core-column-extend-left" style="padding-top: 40px;">
    <div class=gdlr-core-pbf-sidebar-content-inner data-skin="Blog List">
        <div class=gdlr-core-pbf-element>
            <div class="gdlr-core-blog-item gdlr-core-item-pdb clearfix  gdlr-core-style-blog-full">
                <div class="gdlr-core-blog-item-holder gdlr-core-js-2 clearfix" data-layout="fitrows" id="home-blog-content">
                    {% if top_page %}
                        <div class="gdlr-core-item-list gdlr-core-blog-full  gdlr-core-item-mglr gdlr-core-style-left">
                            {% if top_page.thumbnail is not null %}
                                <div class="gdlr-core-blog-thumbnail-wrap clearfix">
                                    <div class="gdlr-core-blog-thumbnail gdlr-core-media-image  gdlr-core-opacity-on-hover gdlr-core-zoom-on-hover">
                                        <a href={{ path('article_content', {id: top_page.id}) }}>
                                            <img src="{{ asset(top_page.thumbnail) }}" alt width=1000 height=486>
                                        </a>
                                        <span class="top-page">置 顶</span>
                                    </div>
                                    <a href="javascript:void(0);" class="zilla-likes page-like" title="喜欢" id="{{ top_page.id }}">
                                        <span class="zilla-likes-count">{{ top_page.page_like }}</span>
                                    </a>
                                </div>
                            {% endif %}
                            <div class=gdlr-core-blog-full-content-wrap>
                                <div class="gdlr-core-blog-full-head clearfix">
                                    <div class=gdlr-core-blog-full-head-right>
                                        <h3 class="gdlr-core-blog-title gdlr-core-skin-title">
                                            <a href="{{ path('article_content', {id: top_page.id}) }}">{{ top_page.title }}</a>
                                        </h3>
                                        <div class="gdlr-core-blog-info-wrapper gdlr-core-skin-divider">
                                            <span class="gdlr-core-blog-info gdlr-core-blog-info-font gdlr-core-skin-caption gdlr-core-blog-info-author">
                                                <img alt src='{% if top_page.avatar is not null %}{{ top_page.avatar }}{% else %}{{ asset('images/sf-positive.svg') }}{% endif %}' class='avatar avatar-50 photo' height=50 width=50>
                                                {{ top_page.category }}
                                            </span>
                                            <span class="gdlr-core-blog-info gdlr-core-blog-info-font gdlr-core-skin-caption gdlr-core-blog-info-date">
                                                {{ top_page.publish_time }}
                                            </span>
                                            {% if top_page.thumbnail is null %}
                                                <span class="gdlr-core-blog-info gdlr-core-blog-info-font gdlr-core-skin-caption gdlr-core-blog-info">
                                                    <a href="javascript:void(0);" class="page-like" title="喜欢" id="{{ top_page.id }}">
                                                        <i class="fa fa-heart-o"></i>
                                                        <span class="zilla-likes-count">{{ top_page.page_like }}</span>
                                                    </a>
                                                </span>
                                            {% endif %}
                                        </div>
                                    </div>
                                </div>
                                <div class="gdlr-core-blog-content">
                                    {{ top_page.summary }}
                                </div>
                                <div class="gdlr-core-social-share-item gdlr-core-item-pdb  gdlr-core-left-align gdlr-core-social-share-left-text gdlr-core-style-plain">
                                    <div class="tagcloud">
                                        {% for tag in top_page.page_tags %}
                                            <a class="tag-cloud-link tag-link-117 tag-link-position-1" style="padding: 5px 10px; margin: 0px 6px 6px 0px !important;">{{ tag }}</a>
                                        {% endfor %}
                                    </div>
                                </div>
                            </div>
                        </div>
                    {% endif %}

                    {% for page in pages %}
                        <div class="gdlr-core-item-list gdlr-core-blog-full  gdlr-core-item-mglr gdlr-core-style-left">
                            {% if page.thumbnail is not null %}
                                <div class="gdlr-core-blog-thumbnail-wrap clearfix">
                                    <div class="gdlr-core-blog-thumbnail gdlr-core-media-image  gdlr-core-opacity-on-hover gdlr-core-zoom-on-hover">
                                        <a href={{ path('article_content', {id: page.id}) }}>
                                            <img src="{{ asset(page.thumbnail) }}" alt width=1000 height=486>
                                        </a>
                                    </div>
                                    <a href="javascript:void(0);" class="zilla-likes page-like" title="喜欢" id="{{ page.id }}">
                                        <span class="zilla-likes-count">{{ page.page_like }}</span>
                                    </a>
                                </div>
                            {% endif %}
                            <div class=gdlr-core-blog-full-content-wrap>
                                <div class="gdlr-core-blog-full-head clearfix">
                                    <div class=gdlr-core-blog-full-head-right>
                                        <h3 class="gdlr-core-blog-title gdlr-core-skin-title">
                                            <a href="{{ path('article_content', {id: page.id}) }}">{{ page.title }}</a>
                                        </h3>
                                        <div class="gdlr-core-blog-info-wrapper gdlr-core-skin-divider">
                                            <span class="gdlr-core-blog-info gdlr-core-blog-info-font gdlr-core-skin-caption gdlr-core-blog-info-author">
                                                <img alt src='{% if page.avatar is not null %}{{ page.avatar }}{% else %}{{ asset('images/sf-positive.svg') }}{% endif %}' class='avatar avatar-50 photo' height=50 width=50>
                                                {{ page.category }}
                                            </span>
                                            <span class="gdlr-core-blog-info gdlr-core-blog-info-font gdlr-core-skin-caption gdlr-core-blog-info-date">
                                                {{ page.publish_time }}
                                            </span>
                                            {% if page.thumbnail is null %}
                                                <span class="gdlr-core-blog-info gdlr-core-blog-info-font gdlr-core-skin-caption gdlr-core-blog-info">
                                                    <a href="javascript:void(0);" class="page-like" title="喜欢" id="{{ page.id }}">
                                                        <i class="fa fa-heart-o"></i>
                                                        <span class="zilla-likes-count">{{ page.page_like }}</span>
                                                    </a>
                                                </span>
                                            {% endif %}
                                        </div>
                                    </div>
                                </div>
                                <div class="gdlr-core-blog-content">
                                    {{ page.summary }}
                                </div>
                                <div class="gdlr-core-social-share-item gdlr-core-item-pdb  gdlr-core-left-align gdlr-core-social-share-left-text gdlr-core-style-plain">
                                    <div class="tagcloud">
                                        {% for tag in page.page_tags %}
                                            <a class="tag-cloud-link tag-link-117 tag-link-position-1" style="padding: 5px 10px; margin: 0px 6px 6px 0px !important;">{{ tag }}</a>
                                        {% endfor %}
                                    </div>
                                </div>
                            </div>
                        </div>
                    {% endfor %}
                </div>
                <div class="gdlr-core-load-more-wrap gdlr-core-js gdlr-core-center-align gdlr-core-item-pdlr">
                    <a id="load-more-page" class="gdlr-core-load-more gdlr-core-button-color" style="margin: 0px;font-size: 14px;" onclick="loadMorePage()" offset="1" end="off">查看更多</a>
                </div>
            </div>
        </div>
    </div>
</div>